<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>8.字符边界约束</title>
    </head>
    <body>
        <input type="text" name="user" />
        <span></span>
        <script type="text/javascript">
            // let hd="adf3dsfds";
            // console.log(/\d/.test(hd))  //true   有一个数字即为真
            // let hd="adf3dsfds";   //false
            // let hd="3dsfds";   //true  必须要以数字开始才为真
            // console.log(/^\d/.test(hd))  //false
            // let hd="34";   //true  必须要以数字开始结束 false的原因是它只能匹配一个字符
            // console.log(/^\d$/.test(hd))  //false   

/**
 *  开始结束   ^ $   用户名长度用来限制
 *//
            document.querySelector("[name='user']").addEventListener(
                'keyup',
                function() {
                    // console.log(this.value.match(/\d/)); //匹配出字符串中带有数字的
                    console.log(this.value.match(/^[a-z]{3,6}$/));
                    let flag=this.value.match(/^[a-z]{3,6}$/);
                    document.querySelector('span').innerHTML=flag?"正确":"失败";
                }
            )
        </script>
    </body>
</html>
